<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<main class="box-bor">
			<p class="text-a-right">
				<a href="./login.html" class="fc-write"> Login </a>
			</p>
			<h1 class="fc-write mt20 mb16">Welcome to Keep Fit</h1>
			<p class="fc-gray mb60">Record your exercise routine</p>
			<p class="mb16">
				<input
					type="text"
					id="tel"
					name="tel"
					placeholder="+86 Please input your telphone"
				/>
			</p>
			<p class="mb16 dpflex" id="code-container">
				<input
					class="flex2"
					type="text"
					id="code"
					name="code"
					placeholder="Input the verification code"
				/>
				<canvas id="captcha" class="flex1"></canvas>
			</p>
			<p class="mb16">
				<input
					type="text"
					id="password1"
					name="password1"
					placeholder="Please input your password"
				/>
			</p>
			<p class="mb16">
				<input
					type="text"
					id="password2"
					name="password2"
					placeholder="Please confirm the password again"
				/>
			</p>
			<p class="text-a-center mb25">
				<button class="fc-write">Register</button>
			</p>
			<p class="text-a-right">
				<span class="iconfont icon-wechat fc-write">
					&emsp;Register by WeChat
				</span>
			</p>
			<h1 class="abs fc-write text-a-center iconfont icon-cutemine" id="brand">
				Keep Fit
			</h1>
		</main>
	</body>
</html>
